<template>
	<view class="wrap">
		<view class="logo">
			<image src="../../../static/common/tieta.png" mode="aspectFit"></image>
		</view>
		
		<div v-if="loginType == 'currentPhone'">
			<view class="currentPhone-box">
				<view class="other-text">认证服务由中国移动提供。</view>
				<u-button type="primary" @click="submit('3')">本机号码一键登录</u-button>
				<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">本机号码一键登录</button> 
			</view>
			<view class="login-bottom-box">
				<view class="copyright">
					登录即代表您已阅读并同意<u-link href="#">用户协议</u-link> 与 <u-link href="#">隐私政策</u-link>
				</view>
			</view>
		</div>

	</view>
</template>
<script>
	import base64 from '@/common/base64.js';
	export default {
		data() {
			return {
				phoneNo: '',
				loginType: 'currentPhone',
				remember: true,
				list: [{
					name: '手机号'
				}],
				current: 0,
				activeColor: '#007aff',
				
				code:"",
				SessionKey: '',
				encryptedData:"",
				iv:"",
				OpenId: '',
				nickName: null,
				avatarUrl: null,
				isCanUse: uni.getStorageSync('isCanUse')//默认为true  记录当前用户是否是第一次授权使用的
			
			};
		},
		onLoad() {
			// this.login()
		},
		
		methods: {
			submit(loginType) {
				if (loginType == '1') {
				} else {
					uni.reLaunch({
						url: "/pages/home/index/index",
						fail: function(e) {
							console.log(e)
						}
					})
				}

			},
			wxLogin(res) {
				this.$u.toast('微信登录');
			},
			/////
			getPhoneNumber(e) {
			   var that = this;
			   console.log(e.detail.errMsg == "getPhoneNumber:ok");
			   if (e.detail.errMsg == "getPhoneNumber:ok") {
				 wx.request({
				   url: 'http://172.24.102.97:29988/getWxUserInfo',
				   data: {
					 encrypdata: e.detail.encryptedData,
					 ivdata: e.detail.iv,
					 strSessionkey: that.data.session_key,
				   },
				   method: "get",
				   success: function (res) {
					 console.log(res);
				   }
				 })
			   }else{
				   this.$u.toast('个人账号无法授权');
			   }
			},
						  
			getUserInfo() {
				console.log('ffff:'+this.code)
				uni.request({
					// url: 'http://172.24.102.97:29988/getUserInfo',
					url: 'http://172.24.102.97:29988/getUserInfo',
					method:'GET',
					data: {
						jsCode: this.code
						// appid: 'wxa9ad247ba15bea6c',        //你的小程序的APPID
						// secret: '794f6363193208d19b868fbb3489b3a7',    //你的小程序秘钥secret,  
						// js_code: this.code,    //wx.login 登录成功后的code
						// grant_type:'authorization_code'
					},
					success: (cts) => {
						console.log('获取信息',cts);  // 换取成功后 暂存这些数据 留作后续操作
						this.openid=cts.OpenId    //openid 用户唯一标识
						this.session_key=cts.SessionKey    //session_key  会话密钥
					}
				});
			},
			   
					 //、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
					  // ...mapMutations(["setName"]),
						wxGetUserInfo(){ //第一授权获取用户信息===》按钮触发
							let _this = this;
							// 获取用户信息
							uni.getUserInfo({
								provider: 'weixin',
								success: function (infoRes) {
									_this.encryptedData = infoRes.encryptedData
									_this.iv = infoRes.iv
									_this.nickName = infoRes.userInfo.nickName; //昵称
									_this.avatarUrl = infoRes.userInfo.avatarUrl; //头像
									uni.setStorageSync('isCanUse', false);//记录是否第一次授权 false:表示不是第一次授权
									_this.updateUserInfo();
								},fail:function (fail){console.log("fail:",fail)}
							});
						},
						login(){
							let _this = this;
							uni.showLoading({
							  title: '登录中...'
							});
							
							// 1.wx获取登录用户code
							uni.login({
								provider: 'weixin',
								success: function(loginRes) {
									_this.code = loginRes.code;
									console.log('this.code:'+_this.code)
									if (!_this.isCanUse) {
										//非第一次授权获取用户信息
										uni.getUserInfo({
											provider: 'weixin',
											success: function(infoRes) {
												console.log('login用户信息：',infoRes);
							 　　　　　　　　　　　//获取用户信息后向调用信息更新方法
												_this.nickName = infoRes.userInfo.nickName; //昵称
												_this.avatarUrl = infoRes.userInfo.avatarUrl; //头像
												_this.updateUserInfo();//调用更新信息方法
											}
										});
									}
									// 将用户登录code传递到后台置换用户SessionKey、OpenId等信息
									uni.hideLoading();
								},
							})
						},
						updateUserInfo(){ //向后台更新信息
							uni.request({
								url: 'http://172.24.102.97:29988/getUserInfo',
								// url: 'http://172.24.102.97:29988/getWxUserInfo',
								method:'GET',
								data: {
									jsCode: this.code
								},
								success: (cts) => {
									console.log('获取信息',cts);  // 换取成功后 暂存这些数据 留作后续操作
									this.openid=cts.code    //openid 用户唯一标识
									this.session_key=phone    //session_key  会话密钥
								}
							});
							
							
							
							
						},
					
					  getREQ(){
						  uni.request({
						  	// url: 'http://172.24.102.97:29988/getUserInfo',
						  	url: 'http://172.24.102.97:29988/getUserInfo',
						  	
						  });
					  }
					  //、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
		}
	};
</script>
<style lang="scss" scoped>
	@import 'index.scss';

	.logo {
		width: 80%;
		margin: 60rpx auto 60rpx auto;
	}

	.list-call-icon {
		color: #ff0000;
	}

	.currentPhone-box {
		text-align: center;
		padding: 40rpx 80rpx;

		.number-text {
			color: #000000;
			font-size: 60rpx;
		}

		.other-text {
			color: #999999;
			font-size: 26rpx;
			padding: 20rpx 0;
		}

		.u-btn {
			margin: 30rpx auto;
		}

		.u-hairline-border {
			border: 1px solid #fff;
		}
	}

	.register {
		display: inline-block;
		color: #5473e8;
		height: 40rpx;
		line-height: 40rpx;
		font-size: 28rpx;
		float: right;
		margin-top: 6rpx;
	}

	.register-link {
		float: right;
		padding: 0 16rpx;
	}

	.reg-link {
		display: inline-block;
		color: #5473e8;
	}

	.oauth2 {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin: 0rpx 100rpx 30rpx;

		image {
			height: 80rpx;
			width: 80rpx;
		}
	}

	.u-tabs {
		padding: 0 70rpx;
	}
</style>
